<!--  -->
<template>
   <div class='roleControling'>
     <Tabs value="name1" :animated="false">
        <TabPane label="后台权限" name="name1" class="roleControling_tab">
           <backstage></backstage>
        </TabPane>
        <TabPane label="APP应用权限" name="name2"  class="roleControling_tab">
         <appControl></appControl>
        </TabPane>
    </Tabs>
   </div>
</template>

<script>
import backstage from "@/components/system_center/backstage"
import appControl from "@/components/system_center/appControl"
export default {
components: {backstage, appControl},
 data() {
   return {
   
   };
 },
 computed: {},
 watch: {},
 methods: {
 
 },
 created() {
   console.log(222222,this.$route)
 },
 mounted() {
 
 },
}
</script>
<style lang='scss' scoped>
 .roleControling{
  height: calc(100%);
   /deep/.ivu-tabs{
     height: 100%;
     .ivu-tabs-bar{
       border-bottom:none
     }
     .ivu-tabs-nav-container{
       height: 40px;
       padding-left: 23px;
       box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.03);
     }
     .ivu-tabs-nav{
       height: 40px;
     }
     .ivu-tabs-ink-bar{
      height: 3px;
     }
     .ivu-tabs-content{
       height: 100%;
     }
   }
   &_tab{
     height: calc(100% - 56px);
   }
   &_mess{
     margin-right: 12px;
   }
 }
</style>